<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="icon" href="<%= BASE_URL %>favicon.ico">
	<title>万物皆可喵-Blog</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yoyling/JsDelivr/prism/prism.css">
	<style>
	    #loader-wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; }
	    #loader {
	      display: block; position: relative; left: 50%; top: 40%; z-index: 1001; width: 90px; height: 90px; margin: -45px 0 0 -45px; border-radius: 50%; border: 3px solid transparent;border-top-color: #fe9501;         
	      -webkit-animation: spin 2s linear infinite;
	      -ms-animation: spin 2s linear infinite;
	      -moz-animation: spin 2s linear infinite;
	      -o-animation: spin 2s linear infinite;
	      animation: spin 2s linear infinite;
	    }
	    #loader:before {
	      content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fe9501;
	      -webkit-animation: spin 3s linear infinite;
	      -moz-animation: spin 3s linear infinite;
	      -o-animation: spin 3s linear infinite;
	      -ms-animation: spin 3s linear infinite;
	      animation: spin 3s linear infinite;
	    }
	    #loader:after {
	      content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fe9501;
	      -moz-animation: spin 1.5s linear infinite;
	      -o-animation: spin 1.5s linear infinite;
	      -ms-animation: spin 1.5s linear infinite;
	      -webkit-animation: spin 1.5s linear infinite;
	      animation: spin 1.5s linear infinite;
	    }
	    @-webkit-keyframes spin {
	      0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
	      100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
	    }
	    @keyframes spin {
	      0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
	      100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
	    }
	   </style>

</head>
<body>
	<noscript>
		<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
	</noscript>
	<div id="app">
		<div id="loader-wrapper">
		    <div id="loader"></div>
		</div>
	</div>
	<script src="https://cdn.jsdelivr.net/gh/yoyling/JsDelivr/prism/prism.js" data-manual></script>
	<!-- <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script> -->
	<!-- <script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script> -->
	<script src="https://cdn.jsdelivr.net/npm/tocbot@4.6.0/dist/tocbot.min.js"></script>
</body>
</html>
